<!DOCTYPE html>
<html lang="zh-CN">
	<head>
		<meta charset="utf-8" />
		<meta name="viewport" content="width=device-width, initial-scale=1, minimum-scale=1, maximum-scale=1, user-scalable = no">
		<title></title>
		<link rel="stylesheet" type="text/css" href="../_public/css/css.css">
		<script type="text/javascript" src="../_public/js/jquery-2.1.4.min.js"></script>
		<script type="text/javascript" src="../_public/js/tigerUI_640.js"></script>
		<style type="text/css">
			.mainPic{
				width: 100%;
				height: 100%;
				background-color: #000;
			}
			#mainImg{
				width: 100%;
				vertical-align: middle;
			}
		</style>
	</head>
	<body>
		<div class="mainPic">
			<table width="100%" height="100%" cellpadding="0" cellspacing="0" >
                <tr>
                    <td align="center" id="mainPic"></td>
                </tr>
            </table>
		</div>
		<script>
			var numIndex = 1;
			var picArr = [
					"http://7xnb6r.com2.z0.glb.qiniucdn.com/1.jpg?imageView2/1/w/"+$(window).height()*2+"/h/"+$(window).width()*2,
					"http://7xnb6r.com2.z0.glb.qiniucdn.com/2.jpg?imageView2/1/w/"+$(window).height()*2+"/h/"+$(window).width()*2,
					"http://7xnb6r.com2.z0.glb.qiniucdn.com/3.jpg?imageView2/1/w/"+$(window).height()*2+"/h/"+$(window).width()*2,
					"http://7xnb6r.com2.z0.glb.qiniucdn.com/4.jpg?imageView2/1/w/"+$(window).height()*2+"/h/"+$(window).width()*2,
					"http://7xnb6r.com2.z0.glb.qiniucdn.com/5.jpg?imageView2/1/w/"+$(window).height()*2+"/h/"+$(window).width()*2,
					"http://7xnb6r.com2.z0.glb.qiniucdn.com/6.jpg?imageView2/1/w/"+$(window).height()*2+"/h/"+$(window).width()*2,
					"http://7xnb6r.com2.z0.glb.qiniucdn.com/7.jpg?imageView2/1/w/"+$(window).height()*2+"/h/"+$(window).width()*2
				];
	
				showPic(numIndex);
			function showPic(index){
				var thisHtml = "<img id='mainImg' src='" + picArr[index] + "' />";
				$("#mainPic").html(thisHtml);
			}
		</script>
	</body>
</html>